﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="true"
    CodeBehind="PersonalInfosValidated.aspx.cs" Inherits="ParsAvecMoi.WebSite.Views.Profile.PersonalInfosValidated" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    <script src="../../Scripts/jquery-1.3.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        function removeOptions(selectbox) {
            var i;
            for (i = selectbox.options.length - 1; i >= 0; i--) {
                if (selectbox.options[i].selected)
                    selectbox.remove(i);
            }
        }
    
    </script>

    
    <script type="text/javascript" id="number2">
        //pour debugger le JSON retourné, utiliser FireBug et pour décrypter la string JSON renvoyée, utilisez http://json.bloople.net/
    
    //quand le "document" c'est à dire la page est prête, cad tout est chargé et opérationnel
        $(document).ready(
            function() {
                //quand on clique sur l'element id="boutonDeclencheAjax"
                $("#boutonDeclencheAjax").click(

                function() {
                    //faire disparaitre ce bouton pour eviter de cliquer 2 fois
                    $(this).hide();
                    //appel Ajax vers un script serveur (ici un truc généré par Asp.Net MVC)
                    $.getJSON(
                              "/Profile/AjaxGetStateList",   // l'URL  facon MVC
                              {
                              arg1: $("#PersonalInfos_NomDeFamille").value,
                              arg2: "test"
                          },  // cet argument est un tableau d'arguments et leur valeur à passer lors de l'appel à la fonction
                    //et maintenant la fonction de Callback
                              function(data) {
                                  //d'abord effacer tout ce qu'il y a deja dans la combobox sinon ca va faire du monde
                                  removeOptions(document.getElementById("maListBox"));
                                  //plusieurs facons de faire ensuite, soit par manip de HTML, soit par manip du DOM
                                  //va pour le DOM (plus CLASSieux) , usage d'une autre fonction JQuery: each                                    
                                  $.each(
                                            data,
                                            function(index, optionData) {
                                                //créé l'objet DOM  option à ajouter ensuite à la dropdown
                                                var option = $("<option/>").text(optionData.Text).val(optionData.Value);
                                                $("#maListBox").append(option);
                                            }
                                         ); //each
                                  //$("#boutonDeclencheAjax").show();
                              } //function en 3e argument de $.getJSON(
                             ); //$.getJSON(
                    ;
                } //function de click
                )//click
            } //function de ready
        )//ready
    </script>

    <p>
        voici le résultat de l'opération:
        <textarea id="actionReport" name="actionReport" cols="25" rows="2" readonly="readonly"></textarea>
    </p>
    <p>
        vous pouvez encore modifier (mais en Ajax cette fois): &nbsp;
    </p>
    
    <form>
        <div>
            <%=Html.TextBox("PersonalInfos_NomDeFamille", ViewData.Model.NomDeFamille)%></div>
        <div>
            <select id="maListBox"   size="1" style="width: 261px">
            <option>AVANT APPEL</option>
            </select>
        </div>
        <div>
            <input type="button" id="boutonDeclencheAjax" value="remplir" />
        </div>
    </form>
    
    
    
    <!-- first try based on:  http://www.hanselman.com/blog/ASPNETMVCPreview4UsingAjaxAndAjaxForm.aspx 
    <%using (Ajax.BeginForm("AjaxReExamineTextBox", new AjaxOptions { UpdateTargetId = "result" }))
      { %>
    <ul>
        <li>votre nom :
            <%=Html.TextBox("PersonalInfos.NomDeFamille", ViewData.Model.NomDeFamille)%>
        </li>
        <li>votre prénom :
            <%= Html.TextBox("PersonalInfos.Prenom", ViewData.Model.Prenom)%>
        </li>
        <li>votre surnom :
            <%= Html.TextBox("PersonalInfos.Surnom", ViewData.Model.Surnom)%>
        </li>
    </ul>
    <p>
        <input type="submit" value="Modifier ces données" />
    </p>
    <fieldset title="voilà le résultat">
        <span id="result" />
    </fieldset> -->
    <% } %>
</asp:Content>
